<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页布局</title>
    <style type="text/css">
        @import url("css/reset.css");
        .myweb{
            width: 1005px;
            margin: 0 auto;

        }
        .left{
            width: 248px;
        }
        .right{
            width: 229px;
        }
        .content{
            width: 526px;

        }
        .d_f{
            float: left;
        }
    </style>
</head>
<body>
    <div class="myweb">
        <div class="top">
            <img src="img/top.jpg" height="221" width="1003"/>
        </div>
        <div class="main">
            <div class="left d_f" >
                <img src="img/left1.jpg" height="138" width="248" />
                <img src="img/left_2.jpg" height="59" width="248" />
                <img src="img/left_3.jpg" height="299" width="248" />
                <img src="img/left_4.jpg" height="179" width="248" />
                <img src="img/left_5.jpg" height="423" width="248" />
            </div>
            <div class="content d_f" >
                <img src="img/main_1.jpg" height="281" width="526" />
                <img src="img/main_2.jpg" height="124" width="526" />
                <img src="img/main_3.jpg" height="172" width="526" />
                <img src="img/main_4.jpg" height="180" width="526" />
                <img src="img/main_5.jpg" height="184" width="526" />
                <img src="img/main_6.jpg" height="168" width="526" />
            </div>
            <div class="right d_f" >
                <img src="img/right_1.jpg" height="163" width="229" />
                <img src="img/right_2.jpg" height="200" width="229" />
                <img src="img/right_3.jpg" height="132" width="229" />
                <img src="img/right_4.jpg" height="190" width="229" />
                <img src="img/right_5.jpg" height="178" width="229" />
                <img src="img/right_6.jpg" height="180" width="229" />
                <img src="img/right_7.jpg" height="56" width="229" />
            </div>
        </div>
        <div class="foot">
            <img src="img/foot.jpg" height="227" width="1003"/>
        </div>
    </div>
</body>
</html>